<script setup>
import { defineOptions } from "vue";
import { reactive } from "vue";
defineOptions({
  name: "add-classification",
});

const form = reactive({
  name: "",
  region: "",
  date1: "",
  date2: "",
  delivery: false,
  type: [],
  resource: "",
  desc: "",
});
</script>

<template>
  <el-form inline class="form center">
    <el-form-item label="书籍分类名称">
      <el-input v-model="form.name" placeholder="输入名称" />
    </el-form-item>
  </el-form>
  <el-button type="primary">保存</el-button>
  <el-button type="default">取消</el-button>
</template>

<style scoped>
.center {
  display: flex;
}
.el-form-item {
  width: 500px;
}
</style>
